// 给按钮设置尺寸
<template>
  <div>
    <h1>给按钮设置尺寸</h1>
    <RadioGroup v-model="buttonSize" type="button">
      <Radio label="large">Large</Radio>
      <Radio label="default">Default</Radio>
      <Radio label="small">small</Radio>
    </RadioGroup>
    <br /><br />
    <Button :size="buttonSize" type="primary">Primary</Button>
    <Button :size="buttonSize" type="default">Default</Button>
    <Button :size="buttonSize" type="dashed">Dashed</Button>
    <Button :size="buttonSize" type="text">Text</Button>
    <br /><br />
    <Button
      :size="buttonSize"
      icon="ios-download-outline"
      type="primary"
      shape="circle"
    ></Button>
    <Button :size="buttonSize" icon="ios-download-outline" type="primary"
      >Download</Button
    >
    <br /><br />
    <ButtonGroup :size="buttonSize">
      <Button :size="buttonSize" type="primary">
        <Icon type="ios-arrow-back" />
        Backward
      </Button>
      <Button :size="buttonSize" type="primary">
        Forward
        <Icon type="ios-arrow-forward" />
      </Button>
    </ButtonGroup>
  </div>
</template>
<script>
export default {
  data() {
    return {
      buttonSize: "large", //按钮尺寸可设置为large（大）,default(中),small(小)
    };
  },
};
</script>
